import { createRouter, createWebHashHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'
//添加login组件
import Login from '../components/Login.vue'  
// 导入home首页
import Home from '../components/Home.vue' 
// 导入SignIn主页
import SigIn from '../components/SigIn.vue'
import About from '../views/AboutView.vue'
import Contain from '../views/containView.vue'
import faq from '../views/FaqView.vue'
import test from '../components/test.vue'
import Employee from '../components/employee.vue'



const routes = [
  // {
  //   path: '/',
  //   name: 'home',
  //   component: HomeView
  // },
  // {
  //   path: '/about',
  //   name: 'about',
  //   // route level code-splitting
  //   // this generates a separate chunk (about.[hash].js) for this route
  //   // which is lazy-loaded when the route is visited.
  //   component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
  // }
  // sigin页面
  {
    // 重定向到这个路径
    path: "/sigin",
    // 导入的组件
    component:SigIn


  },
  
  // Login页面的登录的路由转发重定向
  {
    path:"/",
    //重定向
    redirect:"/login"
  },
  {
    path: "/login",
    //获取要定向的文件,组件
    component: Login
  },
  // home页面重定向
  {
    //重定向
    path: "/home",
    //获取要定向的文件,组件
    component:Home
  },
  // 有关界面
  {
    path: "/about",
    component:About
  },
  // 联系页面的导航
{
  path: "/contact",
  component:Contain
},
// 常见问题页面
{path: "/faq",
component:faq
},
// 测试页面
{
  path: "/test",
  component:test
},
{
  path: "/employee",
  component:Employee
}
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})
// 挂载路由导航守卫
router.beforeEach((to,from,next)=>{
  // 注册页面
  if (to.path==="/sigin")return next();
  // 关于页面
  if (to.path === "/about") return next();
  // 常见问题页面
  if (to.path === "/faq") return next();
  // 联系页面
  if (to.path === "/contact")return next();
  //to 要访问的地方
  //from从哪里来
  // 接着干嘛
  if (to.path=='/login') return next();
  // 测试页面
  if (to.path=='/test') return next();
  // 员工页面
  if (to.path=='/employee') return next();
  // 取出用户
  const uesrFlag= window.sessionStorage.getItem('user');
  if (!uesrFlag) return next('/login'); //没有用户，返回登录页面
  next();//符合要求，放行
})

export default router
